@import '../../style/theme.less';
@import '../../style/mixins.less';

.demo-pull-refresh {
	height: 100vh;
	position: relative;
	box-sizing: border-box;
	padding-top: 60px;

	&__tab {
		display: flex;
		align-items: center;
		justify-content: space-around;
		height: 60px;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	&__pull-refresh {
		height: 100%;
		overflow-y: auto;
		display: none;

		&--active {
			display: block;
		}
	}

	&__doge {
		width: 100px;
		height: 100px;
		margin: 8px auto 0 auto;
	}

	&__content {
		padding: @padding-md 0 0 @padding-md;
	}
}
